<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>酷狗音乐</title>
		<!-- 手机端兼容 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/kugou.css"/>
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
	</head>
	<body>
		<div id="container">
			<!-- loading页 -->
			<div id="loading">
				<img src="img/pleaseWearEar.png" alt="" />
				<img src="img/earth.png" alt="" />
				<img src="img/protagonist.png" alt="" />
				<img src="img/arrow.png" alt="" />
				<img src="img/star.png"/>
				<div id="progress">loading</div>
			</div>
			<!-- start页面 -->
			<div id="start">
				<img src="img/KuGouLog.png" alt="" />
				<img src="img/index_625secguess.png" alt="" />
				<img src="img/mouth.png" alt="" />
				<img src="img/whatSong.png" alt="" />
				<img src="img/man_left.png" alt="" />
				<img src="img/sixQuery.png"/>
				<img src="img/man_right.png" alt="" />
				<img src="img/what.png" alt="" />
				<img src="img/what.png" alt="" />
				<img src="img/what.png" alt="" />
				<img src="img/what.png" alt="" />
				<img id="btnStart" src="img/index_start.png"/>
				<img src="img/bg.png"/>
			</div>
			<!-- select页面 -->
			<div id="select">
				<div id="selectA" class="answer"></div>
				<div id="selectB" class="answer"></div>
				<div id="selectC" class="answer"></div>
				<div id="smallmouth">60s</div>
				<div id="listen">请再听两秒</div>
			</div>
			<!-- 背景音乐 -->
			<audio src="" autoplay loop></audio>	
			<!-- 背景 -->
			<div id="background">
				<!-- 背景1 -->
				<div id="bg1">
					<img src="img/movieHitSong.png"/>
					<img src="img/movieHitSongpeople.png"/>
					<img src="img/movieHitSongCityWall.png"/>
				</div>
				<!-- 背景2 -->
				<div id="bg2">
					<img src="img/lightearth.png"/>
					<img src="img/songer.png"/>
					<img src="img/stage.png"/>
					<img src="img/audienceLeft.png"/>
					<img src="img/wow.png"/>
					<img src="img/audienceRight.png"/>
					<img src="img/wow2.png"/>
				</div>
				<!-- 背景3 -->
				<div id="bg3">
					<img src="img/lightearth.png"/>
					<img src="img/watchpeos.png"/>
					<img src="img/jianfeizaode.png"/>
					<img src="img/WCwalls.png"/>
					<img src="img/feiZhao.png"/>
				</div>
				<!-- 背景4 -->
				<div id="bg4">
					<img src="img/lightearth.png"/>
					<img src="img/threeYao.png"/>
					<img src="img/car.png"/>
					<img src="img/hua.png"/>
					<img src="img/bg.png"/>
				</div>
				<!-- 背景5 -->
				<div id="bg5">
					<img src="img/lightearth.png"/>
					<img src="img/oldman.png"/>
					<img src="img/juhualeft.png"/>
					<img src="img/juhuaright.png"/>
				</div>
				<!-- 背景6 -->
				<div id="bg6">
					<img src="img/wogeiyou.png"/>
					<img src="img/man.png"/>
					<img src="img/wuman.png"/>
				</div>
			</div>
			
			<!-- over页面 -->
			<div id="over">
				<img src="img/userint.png"/>
				<img src="img/touxinag.png"/>
				<img src="img/KuGouLog.png"/>
				<img src="img/huangjing.png"/>
				<img src="img/info.png"/>
				<img src="img/text.png"/>
				<img src="img/paiming_title.png"/>
				<img src="img/paiming_bg.png"/>
				<div id="again">再次挑战</div>
				<div id="friend">分享朋友圈</div>
				<div id="score">猜中</div>
			</div>
			<!-- 分享页面 -->
			<div id="share">
				<img src="img/yd.png"/>
			</div>
		</div>
		
		<!-- 脚本部分 -->
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/preload.min.js"></script>
		<script src="js/rem.js"></script>
		<script src="js/kugou.js"></script>
		
	</body>
</html>
